<template>
    <header class="main-header">
        <h1>TodoLiat</h1>
    </header>
</template>

<script>
export default {
    name: 'MainHeader'
}
</script>

<style lang="less" scoped>
@import '~css/theme.less';
.main-header {
    text-align: center;
    h1 {
        font-weight: 100;
        color: @lightred;
        font-size: 100px;
        text-shadow:5px 5px 5px rgba(0, 0, 0, .1);
    }
}
</style>